<template>
  <!-- <div :visible="visible"> -->
    <!-- <a-col :span="12">
      <a-descriptions size="small" bordered :column="1">
        <a-descriptions-item label="项目代号">{{ model.code }}</a-descriptions-item>
        <a-descriptions-item label="项目名称"
          ><span>{{ model.name }}</span></a-descriptions-item
        >
        <a-descriptions-item label="项目型号">{{ model.equipmentModel }}</a-descriptions-item>
        <a-descriptions-item label="交付(验收)日期"
          ><span>{{ model.acceptanceDate }}</span></a-descriptions-item
        >
                <a-descriptions-item label="备注"
          ><span>{{ model.remark }}</span></a-descriptions-item
        >
      </a-descriptions>
    </a-col>
    <a-col :span="12">
      <a-descriptions size="small" bordered :column="1">

        <a-descriptions-item label="质保结束日期">{{ model.warrantyEnddate }}</a-descriptions-item>
        <a-descriptions-item label="RDEE流量卡到期日期"
          ><span>{{ model.rdeeEnddate }}</span></a-descriptions-item
        >
        <a-descriptions-item label="制造商">{{ model.productor }}</a-descriptions-item>
        <a-descriptions-item label="售后服务联系人"
          ><span>{{ model.aftersellContacts }}</span></a-descriptions-item
        >
        <a-descriptions-item label="联系电话及微信号">{{ model.phoneWechat }}</a-descriptions-item>
        <a-descriptions-item label="邮箱"
          ><span>{{ model.email }}</span></a-descriptions-item
        >

      </a-descriptions>
    </a-col> -->
    <!-- </div> -->
    <!-- <page-layout title="项目基本信息"> -->
    <a-card :bordered="false">
      <detail-list title="">
        <detail-list-item term="项目代号">{{model.code}}</detail-list-item>
        <detail-list-item term="项目名称">{{model.name}}</detail-list-item>
        <!-- <detail-list-item term="项目型号">{{!model.equipmentModel?'':model.equipmentModel }}</detail-list-item> -->
        <detail-list-item term="交付(验收)日期">{{ model.acceptanceDate }}</detail-list-item>
        <detail-list-item term="质保结束日期">{{ model.warrantyEnddate }}</detail-list-item>
        <detail-list-item term="RDEE流量卡到期日期">{{ model.rdeeEnddate }}</detail-list-item>
        <!-- <detail-list-item term="制造商">{{ model.productor }}</detail-list-item> -->
        <detail-list-item term="售后服务联系人">{{ model.aftersellContacts }}</detail-list-item>
        <detail-list-item term="售后服务电话">{{ model.phoneWechat }}</detail-list-item>
        <detail-list-item term="售后服务邮箱">{{ model.email }}</detail-list-item>
        <detail-list-item term="备注">{{ model.remark }}</detail-list-item>
      </detail-list>
    </a-card>
  <!-- </page-layout> -->
  
</template>
<script>
import PageLayout from '@/components/page/PageLayout'
 import DetailList from '@/components/tools/DetailList'
 const DetailListItem = DetailList.Item
//项目型号
export default {
  name: 'EquipmentBaseInfo',
  components: {
    PageLayout,
      DetailList,
      DetailListItem
  },
  data() {
    return {
      model: {},
      visible: false,
      disable: true,
      labelCol: {
        xs: { span: 24 },
        sm: { span: 3 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 },
      },
    }
  },
  created() {},
  methods: {
    open(record) {
      console.log(record)
      this.visible = true
      this.model = Object.assign({}, record)
    },
  },
}
</script>
<style scoped lang="less">
.ant-descriptions-view {
  border: 1px solid #f0f0f0;
}
/deep/ .ant-descriptions-item-label {
  width: 280px;
}
/deep/ .ant-descriptions-item-content span {
  color: #000000d9;
}
/deep/ .ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: 1px solid #f0f0f0 !important;
}
/deep/ .ant-descriptions-bordered .ant-descriptions-item-label {
  border-right: 0px solid #f0f0f0;
}
</style>